<style>
    body {
        background-color: #f9f9f9;
    }

    .xh-form .btn {
        margin-right: 0px;
    }

    .button {
        background-color: #008CBA;
        border: none;
        width: 50px;
        color: white;
        padding: 3px 6px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 12px;
        margin: 4px 2px;
        cursor: pointer;
        height: 25px;
        line-height: 20px;
    }

    .uploaded-photo-list li {
        float: left;
        width: auto !important;
        margin-right: 5px;
    }

    .button1 {
        background-color: #f44336; /* Green */
    }

    .textbox-text .textbox-prompt {
        color: white;
    }

    .form-control[readonly] {
        background-color: white;
    }

    .myTable tr > td {
        text-align: left;
        vertical-align: top !important;
    }

    td {
        height: 30px !important;
        line-height: 30px !important;
        padding: 0px !important;
        padding-top: 5px !important;
        padding-left: 10px !important;
    }

    .tdBottom {
        padding-bottom: 30px !important;
    }

    .customer-size {
        font-size: 50px;
    }
</style>
<script>
    var users = {{ users|json_encode }};
</script>
<div style="width: 100%;">
    <table class="table table-hover" style="width: 100%;">
        <tr class="info">
            <th>姓名</th>
            <th>班级</th>
            <th>登录名</th>
            <th>凭证年份</th>
            <th>凭证状态</th>
            <th>操作</th>
        </tr>
        {% for key ,user in users %}
            <tr style="position: relative;height: 30px;line-height: 30px;" class="tr{{ user['iUserId'] }}">
                <td style="color: #0079c8;">{{ user['sUserName'] }}</td>
                <td style="color: #0079c8;">{{ user['sAdClsName'] }}</td>
                <td style="color: #0079c8;">
                    {{ user['sLogonName'] }}
                </td>
                <td style="color: #0079c8;">
                    {{ user['iChargeYear'] }}
                </td>
                <td style="color: #0079c8;">
                    {{ user['iStateName'] }}
                </td>
                <td style="height:30px;">
                    {% if checkPower and (user['iState'] >0 ) %}
                        <button class="button" onclick="obj.funObj().changeStatus(2,{{ user['iId'] }})">通过</button>
                        <button class="button button1" onclick="obj.funObj().changeStatus(3,{{ user['iId'] }})">不通过
                        </button>
                    {% endif %}
                </td>

            </tr>

            {% if user['fileInfo'] %}
                <tr>
                    <td colspan="6" valign="top" style="padding: 10px;margin-bottom: 50px;">
                        <div id="fileList{{ user['iUserId'] }}{{ user['iChargeYear'] }}" style="width: 100%">
                        </div>
                    </td>
                </tr>
            {% endif %}

            {% if user['iState'] > 1 or  user['sRemarks'] %}
                <tr>
                    <td style="border-top: none" colspan="6">
                        <label style='margin-left:10px;float: left;'>审核记录：</label>
                        {% if user['logNum'] > 1 %}
                            <span style="float: left;margin-top: 4px;" id="showLog" class="l-btn-text"><i class="fa fa-plus fa-lg fa-fw" style="color:#2baab1;"></i></span>
                            <span style="float: left;margin-top: 4px;display: none" id="hideLog" class="l-btn-text"><i class="fa fa-minus fa-lg fa-fw" style="color:#2baab1;"></i></span>
                        {% endif %}
                        {% if user['iId'] %}
                            <div id="applylogs" style="float: left;overflow-y: auto;overflow-x: hidden;margin-top: 9px;">
                                <ul style="margin-left: 8px;">
                                    {% for k ,log in user['log'] %}
                                        {% if k ==0  %}
                                            <li style="list-style:none;padding-left: 20px;border-left: 1px solid #ddd;position: relative;padding-bottom: 20px;line-height: 24px;">
                                            {% else %}
                                                <li class="hidelog" style="list-style:none;padding-left: 20px;border-left: 1px solid #ddd;position: relative;padding-bottom: 20px;line-height: 24px;display: none">
                                        {% endif %}

                                            <div>{{ log['sContent']['userName'] }} : {{ log['tCreateDate'] }}</div>
                                            <div>
                                                <span style="display: inline-block;color: #fff;padding:4px;padding-top:0;padding-bottom:0;border-radius: 2px;margin-right: 6px;background: #aaa;">{{ log['sContent']['action'] }}</span>
                                                : {{ log['sContent']['content'] }}
                                            </div>
                                            <span style="width: 14px;height: 14px;background-color: #ddd;border-radius: 50%; position: absolute;display: block; left: -7.5px;top: 0;"></span>
                                        </li>
                                    {% endfor %}
                                </ul>
                            </div>
                        {% endif %}

                    </td>
                </tr>
            {% endif %}

        {% endfor %}
    </table>
</div>

